草庐IT

HTML 布局

全部标签

javascript - 使用 webpack-dev-server 时,html-webpack-plugin 不会将 js 文件注入(inject) index.html

这是我的webpack配置:varpath=require('path');varwebpack=require('webpack')varHtmlWebpackPlugin=require('html-webpack-plugin')varfs=require('fs'),buildPath='./dist/';varfolder_exists=fs.existsSync(buildPath);if(folder_exists==true){require('shelljs/global')rm('-rf','dist')};module.exports={entry:'./src/

javascript - 如何使 ExtJS 表格布局具有百分比而不是高度和宽度的绝对值?

使用Ext.Panel和table布局,我能够按照我想要的方式创建布局。但是,如何更改此代码以便按比例定义宽度和高度?例如表格不应为800像素,而应为屏幕宽度的100%,每个框不应为200像素,而应为屏幕宽度的25%。代码如下:clearExtjsComponent(targetRegion);vartable_wrapper2=newExt.Panel({id:'table_wrapper2',baseCls:'x-plain',renderTo:Ext.getBody(),layout:'table',layoutConfig:{columns:2},defaults:{frame

javascript - 显示、隐藏,然后重新显示布局中断事件

在显示、隐藏和重新显示Marionette布局时遇到问题。我相信这个问题也适用于常规的BackboneViews和MarionetteItemViews。总而言之,我有一个父View。初始化时,它会创建两个子布局,用作选项卡内容。问题是,当显示一个选项卡的选项卡内容时,会显示另一个选项卡的内容,当再次显示原始选项卡内容时,事件不再起作用。子布局在父布局的initialize函数中创建并重新使用,因为当导航移回它们时需要保留它们的状态。这是一个sampleapplication这证明了我在说什么:这是一个显示损坏事件的视频:VideoLink非常感谢! 最佳答

javascript - 在 HTML5 Canvas 上绘制 1 像素线的完整解决方案

在HTML5Canvas上绘制1像素线总是有问题。(引用http://jsbin.com/voqubexu/1/edit?js,output)绘制垂直/水平线的方法是x+0.5,y+0.5(引用Canvaslinebehaviourwhen0)。要在全局范围内执行此操作,ctx.translate(0.5,0.5);是个好主意。但是,当涉及到对Angular线时,这种方法就不起作用了。它总是给出一条2像素的线。有没有办法阻止这种浏览器行为?如果没有,是否有可以解决此问题的软件包? 最佳答案 您提到的“更宽”的线是由浏览器自动完成的抗

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - Atom Electron 使用 html 按钮和 javascript 关闭并最小化窗口

我说使用Electron并尝试制作最小化和关闭按钮。index.htmlminimizeclose索引.jsconstremote=require('electron').remote;functionminimize(){varwindow=remote.getCurrentWindow();window.minimize();}functionclose(){varwindow=remote.getCurrentWindow();window.close();}我一定是犯了一些愚蠢的错误或者什么,但是最小化按钮工作得很好,而关闭按钮不起作用。我还尝试了这里提到的EventListe

javascript - 如何使用 javascript/jquery 查找和替换 html 字符串中的开始标记和结束标记

如何使用javascript/jquery查找和替换html字符串中的开始标记和结束标记例如varmyString="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";我需要找到“div”标签并替换为其他html标签,如“p”标签/“span”标签将“div”标签替换为“p”标签后生成的html字符串varreplacestring="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";请提出任何解决方案。 最佳答案

javascript - 在 html 文档中调用 JS 有多少种不同的方法?

到目前为止,我知道在网页中定义和调用JavaScript的4种不同方式1.内联JS...2.外部JS3.事件处理器JS:4.JavaScript:URLjs有没有其他方法可以在网页中插入JS?是否在任何标准规范中定义了它(有多少种方式)?上述4种方式在JavaScript的执行上下文上有什么不同吗? 最佳答案 实际上有很多方法可以在HTML中执行Javascript,所有方法都因浏览器和平台而异。其中很多(但不是全部)都列在这个infamousXSScheatsheet中.在不那么晦涩的那些中,有这些:BODY{-moz-bindi

javascript - 仅对 HTML 元素的一部分着色

我将如何使用background-clip之类的东西仅使用CSS为HTML元素的一部分着色。我看起来像:div{background-image:url('mi_image');***:50%30em;/*Backgroundonlycovering50%heightand30emwidth*/}如有必要,我也愿意使用JavaScript解决方案-但纯CSS会更好。 最佳答案 我会创建一个背景div。考虑这个HTML:Here'ssomeofmyinterestingtext​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

javascript - 从 JSON 调用和重绘更新包布局的数据

我一直在研究circlepacksample.但是,我在尝试从一组新的JSON数据更新事物并在之后刷新它时遇到了很多麻烦。我的代码只是circlepack示例的修改版本:vardiameter=960,format=d3.format(",d");varpack=d3.layout.pack().size([diameter-4,diameter-4]).value(function(d){returnd.size;});varsvg=d3.select("body").append("svg").attr("width",diameter).attr("height",diamete